@charset "utf-8";

@import url("./form-style.css");
@import url("./fontawesome/font-awesome.min.css");

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, blockquote, pre, fieldset, table, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font-size: 14px; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica }
textarea { resize: none }
body { color: #333 }
div { word-break: break-all; word-wrap: break-word }
ul, ol { list-style: none }
img { border: 0; vertical-align: top }
body, html { overflow: hidden; }
h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }
h4, h5, h6 { font-size: 100% }
a { color: #333; text-decoration: none; }
.cl, .clearfix { zoom: 1; }
.cl:after, .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden }

.keep{ box-sizing:border-box; -webkit-transition: all 0.2s; transition: all 0.2s;  }

.header { position: absolute; left: 0; top: 0; background: #EEF0F3; height: 60px; line-height: 60px; z-index: 1000; width: 100%; min-width: 980px; }
.cp-wrap { position: absolute; left: 0; top: 60px;  width:100%; height:calc(100% - 95px); border-top: solid 1px #FFF; padding-left: 210px; overflow-y:scroll; box-sizing:border-box; -webkit-transition: all 0.2s; transition: all 0.2s; min-width: 980px;  }
.cp-wrap.jnarrow{ padding-left: 54px; }
.cp-wrap::-webkit-scrollbar { width:8px;height:8px; }
.cp-wrap::-webkit-scrollbar-thumb { background-color:#999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.cp-wrap:hover::-webkit-scrollbar-thumb{ background-color:#888; }
.cp-wrap::-webkit-scrollbar-thumb:hover{ background-color: #666; }
.footer { background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: 35px;  box-sizing:border-box; font-size: 12px; border-top: solid 1px #e6e9ec; padding-left: 200px; z-index: 998; }
.footer .copyright{ position: absolute; right: 10px; top: 0; color: #aaa; }

.header .logo { float: left; color: #FFF; line-height: 60px; font-size: 26px; width: 200px; }
.header .logo a { color: #FFF; line-height: 60px; font-size: 26px; display: block; }
.header .logo a:hover { color: #FFF; }
.header.jnarrow .logo{ width: 54px; overflow: hidden; }
.header .menu { height: 59px; border-bottom: 1px solid #DDD; float: left; }
.header .menu .narrow{ float: left; line-height: 59px; height: 59px; width: 50px; text-align: center; border-right: 1px solid #dddddd; }
.header .menu .narrow a{ color: #999; font-size: 14px; padding: 5px; }
.header .menu .narrow a:hover{ color:#0092DD; }
.header .menu .menulist{ float: left; }
.header .menu .menulist ul li { display: block; width: 82px; float: left; margin-top: 25px; line-height: 35px; text-align: center; margin-left: 10px; z-index: 1; }
.header .menu .menulist ul li a { color: #333; font-size: 16px; text-align: center; line-height: 34px; display: block; font-weight: 300; opacity:0.8; filter:alpha(opacity=80); }
.header .menu .menulist ul li.cur a { font-weight: normal; opacity:1; filter:alpha(opacity=100); border-bottom: solid 2px #0092DC; }
.header .menu .menulist ul li a:hover{ opacity:1; filter:alpha(opacity=100); }

.header .user-info { position: absolute; right: 20px; top: 0px; height: 58px; line-height: 58px; vertical-align: middle; }
.header .user-info li { padding: 0 10px; float: left; position: relative;  }
.header .user-info li a{ font-size: 14px;  color: #666; display: inline-block;}
.header .user-info li a:hover{ color: #000; }
.header .user-info li:hover ul{ display: block; }
.header .user-info li ul{ position: absolute; top: 58px; left: 0;  box-shadow: 0 0 10px rgba(0,0,0,0.3);  background-color: #fff;  display: none;      }
.header .user-info li ul::before{ position: absolute; left: 25px; top: -5px; content: ""; z-index: 1; width: 0; height: 0; border-left: 10px solid transparent;        border-right: 10px solid transparent; border-bottom: 6px solid #fff; }
.header .user-info li ul li{ clear: both; height: 35px; padding-left: 10px; }
.header .user-info li ul li a{ height: 35px; line-height: 35px; display: block; }

/*左侧菜单*/
.left-menu.jnarrow{ width: 54px; overflow: hidden; }
.left-menu.jnarrow .sitesel{ display: none; }
.left-menu { position: absolute; left: 0; top: 0; background: #293038; width: 200px; height: 100%; padding-top: 60px; z-index: 999; box-sizing:border-box; overflow: hidden; }
.left-menu .menu-title { line-height: 45px; padding-left: 20px; border: 0; background: #394555; border-radius: 0; font-size: 14px; color: #FFF; font-weight: bold; }
.left-menu .menu-title .fa-fw{ padding-right: 16px; }
.left-menu-list{ width: 200px; }
.left-menu-list li { line-height: 35px; text-align: left; padding-left: 0; color: #666; height: 35px; overflow: hidden; }
.left-menu-list li a { display: inline-block; width: 145px; padding-left: 20px; zoom: 1; color: #FFF; font-size: 12px; padding-right: 3px; }
.left-menu-list li:hover { background: #37424f }
.left-menu-list li:hover a { color: #FFF }
.left-menu-list li.cur, .left-menu-list li:hover.cur { font-weight: normal; background: #0092DC; }
.left-menu-list li.cur a { color: #FFF }
.left-menu-list li a .fa-fw{ padding-right: 16px; font-size: 14px; }

.left-menu .sitesel{height: 44px;width: 190px; padding:5px; }
.left-menu .sitesel .siteselect{ width: 190px; height: 40px; }
.left-menu .sitesel .select2-container .select2-selection--single{ height: 45px; line-height: 45px; }
.left-menu .sitesel .select2-container--default .select2-selection--single{ border:none; }
.left-menu .sitesel .select2-container--default .select2-selection--single .select2-selection__rendered{ height: 45px; line-height: 45px; }
.left-menu .sitesel .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 45px; }
.select2-search--dropdown .select2-search__field{ height: 30px; }

/*碎片导航*/
.crumb { margin:10px; height: 46px; line-height: 46px; color: #1694CA; padding-left: 20px; font-weight: 300; background-color: #F1F3F6; }
.crumb .fa{ padding-right: 10px; }
.crumb a{ color: #1694CA; }

/*table*/
.cp-table-top { margin: 10px 10px 0; }
.cp-table-top .fl{ float: left; }
.cp-table-top .fr{ float: right; }
.cp-table-bottom { margin: 10px 10px 0; }
.cp-table { border: 1px solid #eee; margin: 10px 10px 0; }
.cp-table .suc{background:url(../images/goujy.png) no-repeat  15px center;background-size: 30px 30px;}
.cp-table .fail{background:url(../images/ccy.png) no-repeat  15px center;background-size: 30px 30px;}
.cp-table th { background: #e6e8ec; font-weight: normal; height: 30px; color: #333; padding: 0 5px; }
.cp-table td { color: #666 }
.cp-table a { color: #39f }
.cp-table tr:hover { background: #eeeceb }
.cp-table tr td { border-top: 1px solid #eee; padding: 5px; }
.cp-table tr.disable td { color:#ccc; }
.cp-table .action_button{ display: inline-block; font-size: 18px;  color: #777; }
.cp-table .action_button:hover{ color: #0092DD; }

.noresult{ padding: 50px 0; text-align: center; }

/*分页*/
.cp-pages { text-align: right; color: #999; line-height: 20px; margin-top: 30px; padding-right: 15px; margin-bottom: 20px }
.cp-pages a { color: #39f; border: 1px solid #eee; display: inline-block; *display:inline;	*zoom:1; padding: 3px 10px; margin-right: 5px; vertical-align: middle }
.cp-pages b { padding: 3px 10px; margin-right: 5px; vertical-align: middle }
.cp-pages span { color: #666; padding: 3px 10px; display: inline-block; *display:inline; *zoom:1; vertical-align: middle }

/*box*/
.box{ padding: 10px 10px 0; }
.box .caption{ margin-top: 20px 0 15px; padding-bottom: 10px; font-size: 18px; font-weight: 300; padding-left: 20px; }
.box .box-title { padding-left: 20px; line-height: 28px; margin-bottom: 15px; font-size: 21px; }
.box .box-title em { font-style: normal; font-size: 12px; padding-left: 30px; }
.box .box-content { padding-left: 20px; }
.box .box-content p { padding-bottom: 10px; }

/*dashboard*/
.dashboard{ padding-top: 20px; }
.dashboard .hometip{ margin: 20px 20px 0; }
.dashboard .hometip span{ padding:10px; border:dashed 1px #F60; display: inline-block; border-radius: 3px; background: #ffe3d1; }
.dashboard .hometip a{ color:#F60; }
.dashboard .kefu{ margin: 20px 0 0 20px; border:solid 1px #dfdfdf; display: inline-block; padding:10px; border-radius: 4px; }
.dataPreView{ display: flex; flex: 1; }
.dataPreView .dpanel{ width: 100%; background: #fafafa; margin-right: 15px; border: 1px solid #ccc; border-radius: 2px; overflow: hidden; }
.dataPreView .dpanel .line-top{ background: #fff; padding-top: 19px; height: 76px; text-align: center; }
.dataPreView .dpanel .line-top p{ padding: 0; }
.dataPreView .dpanel .line-top .title{ font-size:14px;color:#222; }
.dataPreView .dpanel .line-top .content{ font-size:30px; color: #5092e1; margin-top: 10px; padding-bottom: 15px; }
.dataPreView .dpanel .line-top .content a{ color: #5092e1; }
.dataPreView .dpanel .line-bottom{border-top: 1px solid #ddd; text-align: center; height: 50px; padding: 20px 0; overflow: hidden; }

/*登陆页*/
.login{ width: 860px; margin: 0px auto; padding-top: 180px; }
.login  .left{ float: left; width: 480px; text-align: center; }
.login  .left p{ line-height: 16px; font-size: 12px; }
.login  .right{ float: right; width: 240px; height: 240px; background:#FFF; padding: 30px; }
.login  .right .cp-form{ padding-left: 60px;}
.login  .right .caption{height:60px;line-height:60px;  font-size: 18px; color: #007FC6; font-weight: bold; }
.login  .right .form-tip{ padding-left: 180px; color: #F00; line-height: 18px; height: 18px; padding-bottom: 10px; display: none; }
.login  .right .form-row{ margin-bottom:10px; }
.login  .right .form-row input:-webkit-autofill { -webkit-box-shadow : 0 0 0px 100px white inset;  }

.login-switch-banner{ width: 480px; position: relative;}
.login-switch-banner ul{ width: 480px; height: 300px; background: #FFF; border-radius: 10px; overflow: hidden;}
.login-switch-banner li{ position: absolute; top: 0; left: 0; }
.login-switch-banner li.active{ z-index: 1; }
.login-switch-banner li img{ border-radius: 10px;}
.page-dot{ text-align: center; margin-top: 40px; margin-bottom: 0; display: block;}
.page-dot span{ width: 10px; height: 10px; display: inline-block; border-radius: 100%; background-color:#a7abb1; margin: 0 5px; cursor: pointer;}
.page-dot span.active{ background: #3891f8;}

.cp-table-top .result{margin-left:120px;margin-top:10px;color:#0b2b61;width: 250px;}

/*遮罩*/
.overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; filter: alpha(opacity = 3); -moz-opacity: .03; opacity: .03; z-index: 1001 }
/*提示栏*/
.tip-box { background: #fffae9; border: 1px solid #ffd297; margin: 10px 10px 0; line-height: 32px; text-indent: 10px; color: #960 }
.tip-box-title { position: absolute; left: 20px; top: 50%; width: 130px; margin-top: -15px; line-height: 32px }
.tip2-box { position: relative; margin: 20px 10px 0; padding: 10px 0; border: 1px solid #bddeff; background: #f6fbff; padding-left: 150px; border-radius: 4px }
.tip2-box-title { position: absolute; left: 20px; top: 50%; width: 130px; margin-top: -15px; line-height: 30px }
/*消息提示*/
#msgTip { position: absolute; left: 50%; top: 0px; color: #666; display: none; line-height: 36px; overflow: hidden; z-index: 9999; text-align: center;background-color: #FFF; box-sizing:border-box; pointer-events: none; margin-top: 60px; border-radius: 4px; padding: 0 20px;  }
#msgTip.success{ border:solid 1px #31b4f6; }
#msgTip.error{ background: #F00; color: #FFF; }
#msgTip.worning{ background: #b9b9b9; color: #000; }

.tooltip {
	font-size: 10px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}
.tooltip-inner {
	background-color: #000;
	color: #FFF;
	max-width: 200px;
	padding: 5px 8px 4px 8px;
	text-align: center;
}

.tooltip-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #FFF;
}

.tooltip-arrow-n {
	border-bottom-color: #000;
}
.tooltip-arrow-s {
	border-top-color: #000;
}
.tooltip-arrow-e {
	border-left-color: #000;
}
.tooltip-arrow-w {
	border-right-color: #000;
}

.tooltip-n .tooltip-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tooltip-nw .tooltip-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tooltip-ne .tooltip-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tooltip-s .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tooltip-sw .tooltip-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tooltip-se .tooltip-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tooltip-e .tooltip-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.tooltip-w .tooltip-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

#poplayer{position: fixed;_position: absolute;top: 15%;left: 50%;width: 450px;margin-left: -225px;min-height: 350px;z-index: 8888;display: none;background-color: #FFF;padding: 10px;}
#covered{position: fixed;_position: absolute;z-index: 8887;top: 0px;left: 0px;width: 100%;height: 100%;background-color: Black;opacity: 0.3;display: none;}

#cj_txt::-webkit-scrollbar { width:8px;height:8px; }
#cj_txt::-webkit-scrollbar-thumb { background-color:#999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#cj_txt:hover::-webkit-scrollbar-thumb{ background-color:#888; }
#cj_txt::-webkit-scrollbar-thumb:hover{ background-color: #666; }


  #nprogress {
	pointer-events: none;
  }
  
  #nprogress .bar {
	background: #29d;
  
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
  
	width: 100%;
	height: 2px;
  }
  
  #nprogress .peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1.0;
  
	-webkit-transform: rotate(3deg) translate(0px, -4px);
		-ms-transform: rotate(3deg) translate(0px, -4px);
			transform: rotate(3deg) translate(0px, -4px);
  }
  
  /* Remove these to get rid of the spinner */
  #nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px;
  }
  
  #nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
  
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
  
	-webkit-animation: nprogress-spinner 400ms linear infinite;
			animation: nprogress-spinner 400ms linear infinite;
  }
  
  .nprogress-custom-parent {
	overflow: hidden;
	position: relative;
  }
  
  .nprogress-custom-parent #nprogress .spinner,
  .nprogress-custom-parent #nprogress .bar {
	position: absolute;
  }
  
  @-webkit-keyframes nprogress-spinner {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  @keyframes nprogress-spinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  
  